<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器Demo03</title>
<style type="text/css">
/*id选择器  */
    #d3{
     	color:red
    }
/*class选择器  */
     .c1{
       color:green
    }
/*属性名选择器  */
	    input[type="password"]{
	       background-color: green;
    }
    
/*分组选择器*/  
        #d3,.c1{
          background-color: yellow;
        }
/*标签名选择器  */
     span{
         color:pink;
        } 
        
    </style>
</head>
<body>
   <input type="text"><br>
   <input type="password">
   <input type="button" value=属性选择器>
    <div>div1</div>
    <div class="c1">div2</div>
    <div id="d3">div3</div>
    <span class="c1">span1</span>
    <span>span2</span>
</body>
</html>